/* pages/user/myinvite.wxss */

.container{
    width: 750rpx;
    height: 2624rpx;
    background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/big-backgroud.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}

.rule{ 
    width: 183rpx;
    height: 26rpx;
    font-size: 28rpx;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    float: right;
    margin-top: 20rpx;
}

.rule image{
    width: 20rpx;
    height: 20rpx;
    margin-left: 5rpx;
}

.money-content{
    width: 710rpx;
    height: 278rpx;
    background-color: #ffffff;
    border-radius: 20rpx;
    margin-top: 445rpx;
    margin-left: 20rpx;
    float: left;
    box-sizing: border-box;
    padding: 40rpx 30rpx 30rpx 32rpx;
    display: flex;
}
.money-content .left .l1 ,.l3{
    width: 157rpx;
    height: 39rpx;
    font-size: 50rpx;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
    line-height: 39rpx;
}
.money-content .left .l2,.l4{
    width: 210rpx;
    height: 30rpx;
    font-size: 28rpx;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #888888;
    line-height: 30rpx;
    margin-top: 17rpx;
}

.money-content .right{
   height: 100%;
   display: flex;
   flex-direction: column;
}
.money-content .right .rule{
    width: 114rpx;
    height: 27rpx;
    font-size: 28rpx;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
    line-height: 27rpx;
    margin-top: 0rpx;
    margin-left: 320rpx;
}

.money-content .right .btn {
    display: flex;
    margin-top: 112rpx;
    margin-left: 117rpx;
    justify-content: space-around;
    width: 333rpx;
}
.money-content .right .btn view {
    width: 148rpx;
    height: 72rpx;
}
.money-content .right .btn view image{
    width: 148rpx;
    height: 72rpx;
}


.money-content .left .l3{
    margin-top: 46rpx;
}

.tongji{
    width: 710rpx;
    height: 412rpx;
    background-color: #ffffff;
    border-radius: 20rpx;
    margin-top: 30rpx;
    margin-left: 20rpx;
    float: left;
    box-sizing: border-box;
    padding: 45rpx 30rpx 45rpx 50rpx;
    .item{
        height: 25%;
        width: 100%;
        display: flex;
        align-items: center;
        .book{
            width: 46rpx;
            height: 53rpx;
            background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/book.png');
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
        }
        .touxiang{
            width: 48rpx;
            height: 51rpx;
            background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/touxiang.png');
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
        }
        .title{
            width: 220rpx;
            height: 100%;
            display: flex;
            align-items: center;
            margin-left: 40rpx;
            .ll{
                width: 132rpx;
                height: 30rpx;
                font-size: 32rpx;
                font-family: Source Han Sans SC;
                font-weight: bold;
                color: #333333;
                line-height: 30rpx;
            }
            .lr{
                width: 68rpx;
                height: 32rpx;
                background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/jintian.png');
                background-repeat:no-repeat;
                background-size:100% 100%;
                -moz-background-size:100% 100%;
                margin-left: 20rpx;
            }
        }
        .content{
            width: 120rpx;
            height: 29rpx;
            font-size: 30rpx;
            font-family: Adobe Heiti Std;
            font-weight: normal;
            color: #555555;
            line-height: 29rpx;
            margin-left: 165rpx;
        }
        .right{
            width: 17rpx;
            height: 27rpx;
            background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/xiangyou.png');
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
            margin-left: 20rpx;
        }
    }
}

.tab{
    width: 619rpx;
    height: 90rpx;
    
    background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/tab.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    margin-left: 68rpx;
    margin-top: 50rpx;
    float: left;
    display: flex;
}

.tab view.left{
    width: 50%;
    height: 100%;
    position: relative;
}
.tab view.right{
    width: 50%;
    height: 100%;
    position: relative;
}

.tab .left .active{
    width: 8rpx;
    height: 8rpx;
    background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/point.png');
    background-repeat:no-repeat;
    background-size:8rpx 8rpx;
    -moz-background-size:8rpx 8rpx;
    position: absolute;
    bottom: 8rpx;
    left: 56%;
}
.tab .right .active{
    width: 8rpx;
    height: 8rpx;
    background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/point.png');
    background-repeat:no-repeat;
    background-size:8rpx 8rpx;
    -moz-background-size:8rpx 8rpx;
    position: absolute;
    bottom: 8rpx;
    left: 40%;
}
.rank{
    width: 708rpx;
    height: 1180rpx;
    background-color: #ffffff;
    margin-left: 20rpx;
    margin-top: 19rpx;
    border-radius: 20rpx;
    box-sizing: border-box;
    padding: 38rpx 67rpx 0rpx 68rpx;
    float: left;
    .part{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .left-content .top{
        width: 469rpx;
        height: 29rpx;
        margin-left: 60rpx;
        background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/top1.png');
        background-repeat:no-repeat;
        background-size:100% 100%;
        -moz-background-size:100% 100%;
    }

    .right-content .top{
        width: 573rpx;
        height: 29rpx;
        /* margin-left: 60rpx; */
        background-image: url('https://oss.llmaicai.com/miniprogram/20201117/personalCenter/myinvite/top2.png');
        background-repeat:no-repeat;
        background-size:100% 100%;
        -moz-background-size:100% 100%;
    }
    .content{
        .item{
            display: flex;
            height: 120rpx;
            border-bottom: 1rpx solid #DADADA;
            .child{
                width: 33.3333%;
                display: flex;
                justify-content: center;
                align-items: center;
            
                font-size: 29rpx;
                font-family: Source Han Sans SC;
                font-weight: bold;
                color: #222222;
            }
            .sort{
                image{
                    width: 59rpx;
                    height: 58rpx;
                }
            }
            .avatar {
                image{
                    width: 69rpx;
                    height: 69rpx;
                    border-radius: 50%;
                }
               
            }
        }
    }
}